*{box-sizing: border-box}
.g-main{
    width:1160px;
}
.banner{
    background:url("../images/listBanner.png") no-repeat center;
    background-size:cover;
    height:320px;
}
.sideNav{
    width:156px;
    background:#EEEEEE;
    float:left;
    margin-bottom: 30px;
}
.sideNav .header{
    width:114px;
    height:40px;
    line-height: 40px;
    background:#8AB616 url(../images/listNav_h.png) no-repeat 15px center;
    color:#fff;
    font-size:20px;
    position:relative;
    margin-left:-10px;
    margin-bottom:30px;
    padding-left:56px;
}
.sideNav .header b{
    display:inline-block;
    width:0;
    height:0;
    border-top:6px solid #729516;
    border-left:5px solid transparent;
    border-right:5px solid #729516;
    border-bottom:6px solid transparent;
    position:absolute;
    left:0;
    bottom:-12px;
}
.sideNav .header:after{
    content:"";
    display:inline-block;
    width:0;
    height:0;
    border:20px solid transparent;
    border-left-color:#8AB616;
    border-bottom-color:#8AB616;
    position:absolute;
    right:-40px;
    top:0;
}
.sideNav .list{
    text-align: center;
    padding:0 15px;
}
.sideNav .list img{
    margin-bottom:3px;
    margin-top:15px;
}
.sideNav .list li{
    border-bottom:1px solid #ddd;
    padding-bottom:15px;
}
.sideNav .list li a{
    color:#8AB616;
}
.mainCon{
    margin-left:196px;
}
.panel .header{
    border-bottom:1px solid #8AB616;
    line-height: 30px;
}
.panel .header span{
    font-size: 16px;
    margin-bottom:-2px;
    display: inline-block;
    border-bottom:4px solid #8AB616;
    padding:0 3px;
}
.panel .header a{
    float:right;
    color:#8AB616;
    padding:0 8px;
}
.panel .tab{
    width:100%;
    border-bottom:1px dashed #8AB616;
}
.panel .tab em{
    display:inline-block;
    width:0;
    height:0;
    border-top:6px solid transparent;
    border-left:10px solid #8AB616;;
    border-bottom:6px solid transparent;
    border-right:6px solid transparent;
    position:relative;
    left:10px;
}
.panel .tab em.last{
    transform: rotate(60deg) translateX(4px) translateY(18px);
}
.panel .tab td{
    height:60px;
}
.panel .procedure{
    height:60px;
    margin-top:50px;
    margin-bottom:20px;
    border-top:2px dashed #999;
}
.panel .procedure li{
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width:10.6%;
    margin:-12px 0 20px 0;

}
.panel .procedure li span{
    display: inline-block;
    width:22px;
    height:22px;
    border:2px solid #999999;
    border-radius:50%;
    background:#fff;
    text-align: center;
    line-height: 16px;
    margin-bottom:6px;
}
.panel .procedure li em{
    display: inline-block;
    width:8px;
    height:8px;
    border-radius:50%;
    background:#999;
}
.panel .procedure li.done{
    color:#E6A926;
}
.panel .procedure li.done span{
    border-color:#E6A926;
}
.panel .procedure li.done em{
    background:#E6A926
}
.panel .procedure li.doing{
    color:#8AB616;
}
.panel .procedure li.doing span{
    border-color:#8AB616;
}
.panel .procedure li.doing em{
    background:#8AB616;
}
.panel .list_li{
    height:478px;
}
.panel .list_li li{
    line-height: 50px;
    border-bottom:1px dashed #ddd;
}
.panel .list_li li a{
    color:#333;
}
.panel .list_li li span{
    display: inline-block;
    padding:0 20px 0 26px;
}
.pageSel{
    text-align: center;
    margin:20px 0;
}
.pageSel .btn_page{
    width:130px;
    line-height: 30px;
    border:1px solid #8AB616;
    color:#8AB616;
    border-radius:4px;
    transition:all .2s;
    background:#fff;
    margin:10px;
}
.pageSel .btn_page.yellow{
    background:#CFAE2C;
    border-color:#CFAE2C;
    color:#fff;
}
.pageSel .btn_page.green{
    background:#8AB616;
    border-color:#8AB616;
    color:#fff;
}
/*�ϴ�����*/
.uploadData .choose{
    text-align: center;
    margin-top:40px;
}
.uploadData .choose li{
    display:inline-block;
    padding:5px 15px;
    border-radius:5px 5px 0  0;
    cursor:pointer;
}
.uploadData .choose li.active{
    background:#8AB616;
    color:#fff;
}
.uploadData .panel-body .con{
    border:1px solid #8AB616;
    padding:20px 0;

}
.uploadData .panel-body .con .upload{
    width:470px;
    height:40px;
    border:1px solid #ddd;
    margin:50px auto 0 auto;
    border-radius:5px;
    overflow: hidden;
    position:relative;
}
.uploadData .panel-body .con .upload input[type=text]{
    width:400px;
    height:100%;
    vertical-align:top;
    border:none;
}
.uploadData .panel-body .con .upload button{
    width:68px;
    height:100%;
    background:#E9E9E9;
    border:none;
}
.uploadData .panel-body .con .upload input[type=file]{
    position:absolute;
    left:0;
    top:0;
    border:1px solid #ddd;
    width:100%;
    height:100%;
    opacity:0;
}
.chooseWay .sel{
    width:520px;
    margin:50px auto 30px auto;
}
.chooseWay .sel li{
    margin:20px 0;
}
.chooseWay .sel select{
    width:430px;
}
/*ɸѡ�����嵥*/
.choosePri .lf{
    float:left;
}
 .lf .sec{
    margin-top:20px;
    position:relative;
    border:1px solid #ddd;
    width:445px;
}
.sec{
    position:relative;
}
.sec .container1+div.topic_next{
    text-align: right;
    padding: 5px 10px;
}
.sec .container1+div.topic_next .m-btn{
    height: 25px;
    line-height: 25px;
    padding: 0;
    text-align: center;
    width: 100px;
    border-radius: 5px;
}
.btn-white{
    background: #fff;
    color: #8AB616;
    border:1px solid #8AB616;
}
.btn-green{
    background:#8AB616;
    color: #fff;
}
 .sec .container1+div.add{
    /*position: absolute;*/
    /*right:0;*/
    /*bottom:-36px;*/
    border:1px solid #ddd;
    border-radius:4px;
    cursor:pointer;
    padding:6px 8px;
    background:#67D317;
    color:#fff;
    transition:all .3s;
}
 .sec .container1+div.add:hover{
    background:#009035;
}
.choosePri .lf .sec_1{
    height:295px;
}
.choosePri .lf .sec_1 .container1{
    height:250px;
}
.choosePri .lf .sec_2 .container1{
    height:295px;
}
.choosePri .sec .head{
    border-bottom:1px solid #ddd;
    background:#F8F8F8;
    line-height: 44px;
    font-size: 16px;
    padding-left:15px;
}
.choosePri .sec .head a{
    float:right;
    width:80px;
    text-align: center;
    font-size: 14px;
}
.choosePri .sec .head select{
    width:82px;
    padding:0;
    background:#f8f8f8;
    border:none;
    font-size: 14px;
}
.choosePri .sec .head em{
    display:inline-block;
    width:65%;
    height:44px;
    border-left:1px solid #ddd;
    vertical-align: middle;
    margin-left:8px;
    text-align:center;
}
.choosePri .sec .container1 li{
    line-height:30px;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
}
.choosePri .sec .container1 li div.editRt{
    float: right;
    margin-right:10px;
    width:22%;
    height:30px;
    color:#67D317;
    cursor: pointer;
}
.choosePri .sec .container1 li span.tit{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    width: 39%;
    vertical-align: middle;
    text-align: center;
    border-right: 1px solid #ddd;
}
.choosePri .sec .container1 li span.con{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    width:60%;
    vertical-align: middle;
}
.choosePri .sec .container1 li div.editRt i{
    margin-right:5px;
}
.choosePri .sec .container1 li input{
    width:15px;
    height:15px;
    vertical-align: middle;
    border-radius:50%;
    margin:0 20px;
    background:#CFCFCF;
}
.choosePri .rt{
    margin-left:520px;
    position:relative;
}
.choosePri .rt .sec{
     margin-top:20px;
     border:1px solid #ddd;
     width:445px;
}
.choosePri .rt .container1{
    height:592px;
}
.choosePri .rt .arrow{
    position:absolute;
    top:50%;
    left:-61px;
}
.choosePri .rt .arrow>div{
    width:50px;
    line-height:24px;
    background:#8AB616;
    color:#fff;
    text-align: center;
    margin-top:10px;
    border-radius:5px;
    cursor:pointer;
}
#sel_4{
    height:626px;
}
#sel_6{
    height:626px;
}

/*detail*/
.list_detail{
    width:100%;
    border:1px solid #ddd;
    border-collapse:collapse;
    text-align: center;
}
.list_detail th{
	text-align:center;
    background:#F8F8F8;
    border:1px solid #ddd;
}
.list_detail tr{
    height:36px;
}
.list_detail td{
    border:1px solid #ddd;
}
/*  .list_detail td:last-child, */
.list_detail td:last-child a{
    color:#009688;
} 
.list_detail td:last-child a i{
    margin-right:4px;
}
.list_detail td a{
    display:inline-block;
    padding:0 10px;
}
.building{
    border:1px solid #93BB28;
    border-radius:6px/10px;
    width:400px;
    height:36px;
    overflow: hidden;
    margin:20px 0;
}
.building input{
    border:none;
    width:70%;
    height:100%;
    padding-left:15px;
    outline: none;
}
.building button{
    width:30%;
    outline: none;
    height:100%;
    border:none;
    color:#93BB28;
    background:#fff;
}
.building button i{
    margin-right:5px;
}



.banner .g-main{
    position:relative;
    background:url(../images/listBanner_1.png) no-repeat center;
    height:100%;
}
.banner a{
    display:inline-block;
    width: 100px;
    height: 110px;
    position: absolute;
    top:150px;
}
.banner a.banner_1{
    left: 85px;
}
.banner a.banner_2{
    left: 190px;
}
.banner a.banner_3{
    left:470px;
}
.banner a.banner_4{
    left:575px;
}
.banner a.banner_5{
    left:870px;
}
.banner a.banner_6{
    left:975px;
}
.popBox{
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background:rgba(0,0,0,.3);
    display: none;
    z-index: 9999;
}
.popBox .container1{
    width:400px;
    background:#fff;
    padding:20px;
    position:absolute;
    top:40%;
    left:50%;
    margin-left:-200px;
}
.popBox .container1 input{
    width:100%;
    height:30px;
}
.popBox .container1 .btn{
    text-align: center;
    margin-top:20px;
}
.popBox .container1 .close{
    width:15px;
    height:15px;
    position: absolute;
    top:-5px;
    right:-5px;
    background:#f00;
    color:#fff;
    border-radius: 50%;
    line-height: 15px;
    text-align: center;
    cursor:pointer;
}
.m-checked-bar{
    position: relative;
}
.m-filter-body{
    margin-top: 20px;
}
.m-filter-body table thead th{
    text-align: center;
     background: #8AB616;
     color: #fff
}
.m-filter-body table thead th select{
    border: none;
    outline: none;
    background: #8AB616;
    color: #fff

}
.m-filter-body table tbody td{
    text-align: center;
}
.m-filter-search{
    border-top: 1px solid #ddd;
    padding: 3px 0;
    height: 36px;
}
.filter-searchBox{
    float: left;
}
.m-filter-search .m-input{
    height: 30px;
    line-height: 30px;
    float: left;
}
.m-filter-search .filter-name{
    line-height: 30px;
}
.m-filter-search .m-btn{
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
    float: left;
    background: #8AB616;
    color: #fff;
}
/* 全球清单标志 */
ul.list_li>.global_li:after{
		content: "";
    	content: url(../images/technology/globe_48.png);
    	alter: '全球清单';
    	title: '全球清单';
        display: inline-block;
        vertical-align: -webkit-baseline-middle;
}
/* 聚类清单标志 */
ul.list_li>.cluster_li:after{
		content: "";
    	content: url(../images/technology/cluster.png);
    	alter: '聚类清单';
    	title: '聚类清单';
        display: inline-block;
        vertical-align: -webkit-baseline-middle;
}